﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.11.1.min.js"></script>
	<script>
    $(document).ready(function(){
      $("#pay").click(function(){
        $("#item_ext").fadeToggle();
      
      });

    
      $("#child").click(function(){
        $("#bod").fadeToggle();
      	$("#edi_name1").fadeToggle();
      });


    });

    $(function(){
		//获取pre的display属性值
        var pre=$("#pre").css("display");

        if(pre=="none"){
            
            $("#amount").removeClass("normal");
            }
            
            
            else{
                 
                $("#amount").addClass("normal");
                }
      });
	
	
	
	
    </script>
    
    
</head>

<body>
<div class="wrapper" id="wrapper">
	<div class="content activity singlepage" >
    
        <div class="thead">
        
        	<!--返回按钮-->
                
            <a href="#" class="arrow">
                                
                <div class="img">
                
                    <img src="images/ret.png"/>
                    
                </div>

            </a>
            
            <!--返回按钮end-->
    
            <div class="m">
            	<span class="st">报名</span>
            </div>
            
            
            <a href="#" class="creat">
                <div class="img">
                    <span>注意事项</span>
                </div>
            </a>
            
        
        </div>

        <div class="tbody">
        
            <div class="activity details">
            
            	<div class="edi_pay"  style="margin-bottom:0;" >
                
                	<a href="#">
                
                        <div class="infor">
                        
                            <!--<div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆深度游，自然博物馆深度游</span>
                                    
                                    
                                    <span class="time" >
                                    
                                        叮当派叮当派叮当派叮当派叮当派叮当派叮当派
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user s2">免费 ￥320</div>
                                        
                                        </div> 
                                        
                                        
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>-->
                            
                            <div class="u_tit">余耀德美术馆《雨雾亚洲首展》</div>
                            
                            <div class="u_tit1">文案文案文案文案文案文案文案文案</div>
                            
                            <div class="u_ret"></div>
                    
                        </div>
                    
                    </a>
                
                </div>
                
                
                <div class="title" style="padding-left:0; padding-right:0;">
                
                    <div class="st" >
                          
                        <div class="x1" style="height:15px;">
                        
                            <span class="xt"></span>
                            
                            <div class="mass">
                            
                                选择场次
                                
                            </div>
                        
                        </div>
                        
                    </div>
                    
                </div> 
                
                <div class="xt_d" style="margin-left:0;"></div>
                
              	<div class="edi_pay" style=" margin-bottom:0;">
                
                	<div class="trip" style="padding-bottom:0;">
                    
                    	<a href="#" class="add_time xz">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        
                        <a href="#" class="add_time on" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                    
                    
                    </div>
                
                </div>
            	
                <div style="display: ;">
                
                	<div class="title" style="padding-left:0; padding-right:0;">
                    
                        <div class="st" >
                              
                            <div class="x1" style="height:15px;">
                            
                                <span class="xt"></span>
                                
                                <div class="mass">
                                
                                    订单信息
                                    
                                </div>
                            
                            </div>
                            
                        </div>
                        
                    </div> 
                
                	<div class="xt_d" style="margin-left:0;"></div>
                
                    <div class="message" style="margin-top:0; padding-top:0;">
            
                        <div class="trip">
                            
                            <div class="txt">
                            
                            	<div class="s1">
                            
                                    <span class="t1">订单状态</span>
                                
                                    <span class="t2 z1">已通过</span>
                                
                                </div>
                            
                                <div class="s1">活动场次：2015-12-12 09：00</div>
                                <div class="s1">活动人数：1成人3儿童</div>
                                <div class="s1">手机：1230000000</div>
                                <div class="s1">备注：测试</div>
                                
                                
                                
                                
                            
                            </div>
                        
                        </div>
                    
                    </div>
                
                </div>
                
                
                
            	<div style="display: ;">
                

                <div class="title" style="padding-left:0; padding-right:0;">
                
                    <div class="st" >
                          
                        <div class="x1" style="height:15px;">
                        
                            <span class="xt"></span>
                            
                            <div class="mass">
                            
                                联系信息
                                
                            </div>
                        
                        </div>
                        
                    </div>
                    
                </div> 
                
                <div class="xt_d" style="margin-left:0;"></div>
                
                <div class="editor" style="margin:0px;">
                
                    
                    <div class="trip">
                        
                        
                        <input class="usname" style="width:95%;" name="" type="text" placeholder="手机号码" />
                        
                    </div>
                    
                    <div class="xt_ec"></div>
                    
                    <div class="trip">

                        <input class="usname" style="width:95%;" name="" type="text" placeholder="备注信息" />
                        
                    </div>

                </div>

                
                <div class="title" style="padding-left:0; padding-right:0;">
                
                    <div class="st" >
                          
                        <div class="x1" style="height:15px;">
                        
                            <span class="xt"></span>
                            
                            <div class="mass">
                            
                                选择参与人
                                
                            </div>
                            
                            <div class="more" style="margin-right:3.5%;">儿童年龄限制3~12岁</div>
                        
                        </div>
                        
                    </div>
                    
                </div> 
                
                <div class="xt_d" style="margin-left:0;"></div>
                
                <div class="editor" style=" margin:0px; ">
  
                    <a href="#">
                    
                        <div class="trip" >
                        
                        	<div class="add">
                             	
                                <span class="s1">+</span> 添加参与人
                                
                            </div>
                        	
                        </div>
                        
                    </a>
                    
                </div>
                
                <div class="xt_ec" ></div>       

                <div class="editor" style=" margin:0px; ">
  
                    <a href="#">
                    
                        <div class="trip" >

                            <div class="ticks">
                            
                            	<img src="images/ret2.png" />
                            
                            </div>
                            
                            <div class="go_name"> 
                            
                                <span class="name">叮当</span>
                                   
                            </div>

                        </div>
                    
                    </a>
                    
                    
                    

                    <div class="xt_ec" ></div>
                    
                    <a href="#" id="child" style="position:relative;">
                    
                    	<div class="bod" id="bod" style="display:none;"></div>
                    
                        <div class="trip">
                        
                        	
                        
                        	<div class="ticks">
                            
                            	<img src="images/ret2.png" />
                            
                            </div>
                            
                            <div class="go_name"> 
                            
                                <span class="name">叮小宝</span>
   
                            </div>
                            
                            <span class="edi_name1" id="edi_name1" style="color:#999; font-size:1.2rem; display:none; color:#ff8030;">不符合年龄要求</span>
  
                        </div>
                     
                    </a>
                    
                    <div class="xt_ec" ></div>
                    
                    <a href="#">
                    
                        <div class="trip">
                        
                        	<div class="ticks">
                            
                            	<img src="images/ret1.png" />
                            
                            </div>
                            
                            <div class="go_name"> 
                            
                                <span class="name">宝宝</span>
                                
                            </div>
                            
                            <span class="edi_name1" style="color:#999; font-size:1.1rem;">完善个人信息用于购买保险</span>
                            
                        </div>
                     
                    </a>
                    
                    
                    <div class="xt_ec" ></div>
                    
                    <div class="trip" style=" margin:0; padding:0; background-color:#f8f8f8; border-bottom:1px solid #dedfe0;">
                    
                        <!--<div class="bg_trip">-->
                        	
                            <!--<div class="lis"></div>-->
                            
                            <div class="mon_name">票价</div>
                            <div class="mon_text">
                            
                                <a href="#" class="add_money b1">大人票50</a>
                                <a href="#" class="add_money">大人票50</a>
                                <a href="#" class="add_money">大人票50</a>
                                
                            </div>
                        
                        <!--</div>-->    
                        
                    </div>
                    
                    <div class="trip" style=" margin:0; padding:0; background-color:#f8f8f8; border-bottom:1px solid #dedfe0;">
                    
                    	<div class="mon_name">保险</div>
                        <div class="mon_text">
                        
                            <a href="#" class="add_money b1">大人票50</a>
                            <a href="#" class="add_money">大人票50</a>
                            <a href="#" class="add_money">大人票50</a>
                            
                        </div>
                        
                    </div>
                    
                    <div class="trip" style=" margin:0; padding:0; background-color:#f8f8f8;">
                    	
                        <div class="add_name"> 
                            
                            <input class="usname" name="" type="text" placeholder="真实姓名" />
                               
                        </div>
                        
                        <div class="add_text"> 
                            
                            <input class="usname" name="" type="text" placeholder="身份证号" />
                               
                        </div>    

                    </div>
                    
                    
                    
                       
                </div>
            
            	<!--<div class="add_per">

					<a href="#">
                    	
                        <div class="trip" >
    
                            <div class="tick">
                            
                                <div class="squaredThree1">
                                    <img src="images/adds2.0.png" />
                                </div>
                            
                            </div>
                            
                            <div class="go_name"> 
                            
                                <span class="name">添加常用活动成员</span>
                                   
                            </div>
                            
                        </div>
                    
                    </a>
                    
                </div>-->
                
                <div class="editor" style=" margin-bottom:40px; ">
                
                	<a href="#">
                    
                        <div class="trip">
                            
                            <div class="go_name" style="width:auto; text-align:center;"> 
                            
                                <div class="name" style="min-height:25px; height:auto;">积分兑换<br /><span class="t1">最多可使用3000积分</span></div>
                                
                            </div>
                            
                            
                            
                            <div class="txt" style="width:45%; height:50px;">
                            
                            	<input class="usname" style="width:95%; font-size:1.2rem; height:50px; line-height:50px; text-align:right;" name="" type="text" placeholder="200" />
                            
                            </div>
                            
                            
                        </div>
                     
                    </a>
                    
                </div>
                
                <div class="item_but_clear"></div>
                
                </div>
                
                
                
                
                <div class="trip">
                
                    <div class="off">
                    
                    	<img src="images/off1.png" />
                    	<br />报名已截止
                        
                        <br /><span class="time">距离报名截止还剩三天</span>
                        
                    </div>
                    
                
                </div>
                

                
                
                
                
            
            </div>
                
      	</div>
        
        <!--<div class="editor" style="background:none; border:none;">
            <a class="add_mins" href="#">确 认（2）</a>
        </div>-->
        
        <!--<a href="#" class="notice">注意事项</a>-->
        
        <!--<div class="ext12"> 
        	<div class="flaot14">
            
            	<div class="cet">
                
                    <span class="s1">注意事项（必看）</span><br />
                    
                    <span class="s2">1）叮当派第三方网络平台作为第三方技术提供者，仅为活动组织者及平台用户双方提供网络平台服务及相应的技术维护与支持。<br />
    2）平台上所展示的所有活动，均由该活动组织者直接提供活动安排及服务。叮当派将在最大程度提醒活动组织者，但并不对该等活动的真实性、准确性和完整性负责，用户应对参与活动自行判断，包括但不限于活动内容、资金交易等，叮当派均不作任何担保，也不承担由此引起的任何经济和法律责任。如用户发现活动组织者存在虚假、欺骗等情况，应及时告知叮当派，叮当派将视情况协助用户采取相应措施，必要时采取法律手段保护用户权利。<br />
    3）活动过程中，用户应注意财产和人身安全，对自身情况和活动要求做好充分评估。叮当派不承担因用户财产损失和/或人身伤害引起的经济和法律责任。<br />
    4）其它应知事项和条款，请详细阅读《用户协议》。<br />
                    </span>
                    
                </div>
                <a href="#" class="fot">
                	
                    我知道了
                
                </a>
            
            </div>
            
        </div>-->
        
        
        <!--foot buttom-->
        
        <div class="item_pay" style="display: ;">
        
            <a class="Share" href="#" id="pay">
            	
                <div class="t">明细</div>
            	<div class="i is"></div>

            </a>
            
            <div class="Admin">
            
                <div class="s normal" id="amount">
                	
                    <span class="a1">合计：</span>
                    <span class="a2">￥</span>
                    <span class="a3">80.00</span>
                    <div class="a1" id="pre" style="display: block;">app下单优惠10元</div>
                    
                </div>
            
            </div>
            
            <a class="sign" href="#">
            
                <div class="b">去支付</div>
            
            </a>
            
        </div>
        
        
        <div class="item_but">
        
        	<a href="#" class="r_gets">取消报名</a>
            
        </div>
        
        
        <!--end foot-->
        
        <!--弹出层-->

        <div class="item_ext" id="item_ext" style="display:none;">    

            <div class="item_float" style="bottom:44px;">
                
                <div class="trip">
                
                    <div class="a1">成人</div>
                    <div class="a2">￥<span class="t1">50</span></div>
                    <div class="a4">*</div>
                    <div class="a3">2位</div>
                
                </div>
                
                <div class="trip">
                
                    <div class="a1">成人</div>
                    <div class="a2">￥<span class="t1">30</span></div>
                    <div class="a4">*</div>
                    <div class="a3">1位</div>
                
                </div>
                
            </div>
        
        </div>
        
        <!--end弹出层-->
        
        
    </div>

</div>
</body>
</html>
